<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="../admin/authority.jsp" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%@include file="headScriptSM.jsp"%>
<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/sm/cs11001script.js"></script>
</head>
<body>
	<div class="wrapper">
		<!-- BEGIN Top-Bar -->
		<%@ include file="../fragments/header.jsp"%>
		<!-- END Top-Bar -->

		<div id="detail-area" class="clearfix">
			<!-- BEGIN SIDEMENU -->
			<div class="hidden-xs hidden-sm page-sidebar" id="side-menu-bar">
				<ul class="page-sidebar-menu">					

					<!-- <div id="displaymenu"></div>  -->
					<%@ include file="../admin/menu.jsp" %>

				</ul>
			</div>
			<!-- End Side Menu -->

			<div class="col-sm-12 col-xs-12" id="right-side">
				<div id="navigator-bar">
					<i class="fa fa-home"></i> หน้าหลัก <i
						class="fa fa-angle-right ml-5 mr-5">บันทึกข้อมูลองค์กร</i>
				</div>
				<!--End navigator-bar-->			
<!-- ---------------------------------------------------------------------------------- -->
				<!-- Start detail-area -->
				<div>
					<div id="page-header" class="clearfix">
					ข้อมูลชื่อหน่วยงาน	
					</div>
					<div id="success_message" class="alert alert-success hide"> <span class="fa-stack fa-lg"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-check fa-stack-1x fa-inverse"></i> </span><span id="content_sucess"></span></div>
					<div id="error_message" class="alert alert-danger hide"> <span class="fa-stack fa-lg"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-times fa-stack-1x fa-inverse"></i></span><span id="content_error"></span></div>
					
					<div class="form-detail clearfix" style="padding-top:20px;">
					<form class="form-horizontal" role="form">
						<input type="hidden" id="url_address" name="url_address" value="">
						<input type="hidden" id="agent_browser" name="agent_browser" value="">
						<div id="form-1" class="form-step">
							<fieldset>
								<legend>ข้อมูลชื่อหน่วยงาน</legend>
								<div class="form-group">
									<label for="inputPName" class="col-sm-3 control-label">ชื่อหน่วยงาน<span class="comment">*</span></label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputGoverment" name="pname" value=""placeholder="ชื่อหน่วยงาน">
									</div>
								</div>
								<div class="form-group">
									<label for="inputFName" class="col-sm-3 control-label">ชื่อผู้บริหาร<span class="comment">*</span></label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputNameManager" name="fname" placeholder="ชื่อผู้บริหาร">
									</div>									
								</div>
								<div class="form-group">
									<label for="inputCardId" class="col-sm-3 control-label">ตำแหน่ง<span class="comment">*</span></label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputPosition" name=""  placeholder="ตำแหน่ง">
									</div>
								</div>
								<div class="form-group">
									<label for="inputTaxId" class="col-sm-3 control-label">หมายเลขผู้เสียภาษี </label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputTaxId" name="tax_id" data-container="body" data-toggle="popover" 
										data-placement="right" data-content="กรุณากรอกหมายเลขผู้เสียภาษี 13หลักติดกันให้ถูกต้อง" value="${voCustomer.vaTaxId}" placeholder="หมายเลขประจำตัวผู้เสียภาษี">									</div>
								</div>
								<div class="form-group">
									<label for="inputTaxBranch" class="col-sm-3 control-label">สาขาที่(ผู้เสียภาษี)</label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputTaxBranch" name="tax_branch" value="${voCustomer.vaTaxBranch}" placeholder="สาขาที่(ผู้เสียภาษี)">
									</div>
								</div>
								<div class="form-group">
									<label for="inputHomeNumber" class="col-sm-3 control-label">ที่อยู่</label>
									<div class="col-sm-9 row">
										<div class="col-sm-12 mt-5">
											<label for="inputHomeNumber">บ้านเลขที่ <span class="comment">*</span></label>
											<input type="text" class="form-control" id="inputHomeNumber" name="home_number" value="${voCustomer.vaHomeNumber}" placeholder="บ้านเลขที่">
										</div>
										<!-- <div class="col-sm-12 mt-5">
											<label for="">หมู่ที่ <span class="comment">*</span></label>
											<input type="text" class="form-control" id="" name="" placeholder="หมู่ที่">
										</div> -->
										<div class="col-sm-12 mt-5">
											<label for="inputAddress">หมู่บ้าน/ซอย/ถนน </label>
											<input type="text" class="form-control" id="inputAddress" name="address" value="${voCustomer.vaAddress}" placeholder="หมู่บ้าน/ซอย/ถนน ">
										</div>
										<div class="col-sm-6 mt-5">
											<label for="inputCityCode">ตำบล <span class="comment">*</span></label>
											<select class="form-control" id="inputCityCode" name="city_code">
												<option value="">-- เลือกตำบล --</option>
											</select>
										</div>
										<div class="col-sm-6 mt-5">
											<label for="inputDistrictCode">อำเภอ <span class="comment">*</span></label>
											<select class="form-control" id="inputDistrictCode" name="district_code" onchange="loadCityCode()">
											<option value="">-- เลือกอำเภอ --</option>
											</select>
										</div>
										
										<div class="col-sm-6 mt-5">
											<label for="inputProvinceCode">จังหวัด <span class="comment">*</span></label>
											<select class="form-control" id="inputProvinceCode" name="province_code" onchange="loadDistrict()">	
											<option value="">-- เลือกจังหวัด --</option>			
											</select>
										</div>
										<div class="col-sm-6 mt-5">
											<label for="inputPostCode">รหัสไปรษณีย์ <span class="comment">*</span></label>
											<input type="text" class="form-control" id="inputPostCode" name="post_code" data-container="body" data-toggle="popover" 
										data-placement="right" data-content="กรุณากรอกรหัสไปรษณีย์ให้ถูกต้อง" value="${voCustomer.vaPostCode}" placeholder="รหัสไปรษณีย์">
										</div>
									</div>
								</div>
								<div class="form-group">
									<label for="inputTelephone" class="col-sm-3 control-label">โทรศัพท์</label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputTelephone" name="telephone" value="${voCustomer.vaTelephone}" placeholder="โทรศัพท์">
									</div>
								</div>
								
								<div class="form-group">
									<label for="inputFax" class="col-sm-3 control-label">โทรสาร</label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputFax" name="Fax" placeholder="โทรสาร">
									</div>
								</div>
								<hr />
								<div class="form-group">
									<div class="text-center">
					 					<input type="hidden" name="button_user" id="button_user" value="no">
										<button id ="btnSave" type="button" class="btn btn-primary" onclick=""><i class="fa fa-floppy-o"></i> บันทึก</button>
										<button id ="btnEdit" type="button" class="btn btn-primary" onclick=""><i class="fa fa-floppy-o"></i> แก้ไข</button>
										<button type="button" class="btn btn-primary" onclick="window.location.reload()"><i class="glyphicon glyphicon-refresh"></i> เริ่มใหม่</button>
									</div>
									</div>
								</fieldset>
							</div>
							
					<div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
					   	<div class="modal-dialog">
					        <div class="modal-content">
					            <div class="modal-header">
					            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					            <h4 class="modal-title">ยืนยันการบันทึกข้อมูลชื่อหน่วยงาน</h4>
					            </div>
					            <div class="modal-body">
					            	<span class="fa-stack fa-lg mr-10" style=" color:#FC0"> <i class="fa fa-exclamation-triangle fa-stack-2x"></i></span>
					            	<span id="modal_content_confirmModal"></span>
					            </div>
					            <div class="modal-footer">
					                <button onclick="confirmEdit()" type="button"  class="btn btn-primary"><i class="fa fa-floppy-o"></i> ยืนยัน</button>
					                <button onclick="" type="button" class="btn btn-danger" data-dismiss="modal"><i class="glyphicon glyphicon-floppy-remove"></i> ยกเลิก</button>
					        	</div>
					    	</div>
					  	</div>
					</div>
					
					<div class="modal fade" id="confirmSaveModal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
					   	<div class="modal-dialog">
					        <div class="modal-content">
					            <div class="modal-header">
					            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					            <h4 class="modal-title">ยืนยันการบันทึกข้อมูลชื่อหน่วยงาน</h4>
					            </div>
					            <div class="modal-body">
					            	<span class="fa-stack fa-lg mr-10" style=" color:#FC0"> <i class="fa fa-exclamation-triangle fa-stack-2x"></i></span>					            
					            	<span id="modal_content_confirmSaveModal"></span>
					            </div>
					            <div class="modal-footer">
					                <button onclick="confirmSave()" type="button"  class="btn btn-primary"><i class="fa fa-floppy-o"></i> ยืนยัน</button>
					                <button onclick="" type="button" class="btn btn-danger" data-dismiss="modal"><i class="glyphicon glyphicon-floppy-remove"></i> ยกเลิก</button>
					        	</div>
					    	</div>
					  	</div>
					</div>
					
					
					
					
						</form>
					</div>
				</div>
				
			<div id="footer-detail">Copyright © สงวนลิขสิทธิ์ พ.ศ.2557 โดยการประปานครหลวง</div>
		</div>
		<p></p>
	</div>
</div>
</body>
</html>